<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>页面未找到 - 育聘智联</title>
    <style>
        body { background: #f5f7fa; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; }
        .container { max-width: 500px; margin: 80px auto; background: #fff; border-radius: 18px; box-shadow: 0 4px 20px #0071e344; padding: 32px 24px; text-align: center; }
        h1 { font-size: 38px; color: #0071e3; margin-bottom: 18px; }
        p { font-size: 18px; color: #666; margin-bottom: 18px; }
        a { color: #0071e3; text-decoration: underline; font-size: 16px; }
        .brand-bar { width:100%;background:linear-gradient(90deg,#0071e3 60%,#00c3a0 100%);padding:18px 0 10px 0;box-shadow:0 2px 12px rgba(0,113,227,0.08);margin-bottom:18px; }
        .brand-bar-inner { max-width:900px;margin:0 auto;display:flex;align-items:center; }
        .brand-logo { width:44px;height:44px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;margin-right:14px;box-shadow:0 2px 8px rgba(0,113,227,0.10); }
        .brand-logo span { font-size:26px;font-weight:bold;color:#0071e3; }
        .brand-title { font-size:22px;font-weight:700;color:#fff;letter-spacing:2px; }
        .brand-desc { margin-left:24px;font-size:16px;color:#e0f7fa;font-weight:500; }
    </style>
</head>
<body>
    <div class="brand-bar">
        <div class="brand-bar-inner">
            <div class="brand-logo"><span>育</span></div>
            <span class="brand-title">育聘智联</span>
            <span class="brand-desc">AI智能招聘平台</span>
        </div>
    </div>
    <div class="container">
        <h1>404</h1>
        <p>{{ msg if msg else '页面未找到或简历不存在。' }}</p>
        <a href="/resumes">返回简历列表</a>
    </div>
</body>
</html>
